<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<script type="text/javascript">
$(function(){
	var pagesN=1;
	_init(pagesN);

})

var user ={
		edit:function (uId){
			layer.open({
		      type: 2,
		      title: '很多时候，我们想最大化看，比如像这个页面。',
		      shadeClose: true,
		      shade: false,
		      maxmin: true, //开启最大化最小化按钮
		      area: ['893px', '600px'],
		      content: '/user/userEdit.action?uId='+uId,
		  	  end:function(){
		  		  _init(pagesN);
		  	  }
		    });
		},
		del:function(uId){
			var uIds = new Array();
			if(uId){
				uIds.push(uId);
			}else{
				uIds = _linwq_getcheckval();
				if(uIds.length==0){
					layer.msg("请选择要删除的角色。",{icon:3});
					return;
				}
			}
			_linwq_confirm("确定删除选中的角色？","确定","取消",function(){
				_linwq_ajax("/user/userDel.action",{uIds:uIds},"text",function(data){
					if(data=="success"){
						layer.msg("删除成功！",{icon: 1});
			  		  _init(pagesN);
					}
				});
			});
		},
}
function _init(pageNumber){
	pagesN=pageNumber;
	var param = {
		pageNumber:pageNumber
	}
	_linwq_ajax("/user/userTable.action",param,'html',function(data){
		$("#tableView").html(data);
	});
}
</script>
				<!--开始::内容-->
				<section class="page-hd">
					<header>
						<h2 class="title">角色列表展示</h2>
						<p class="title-description">
							表格系列，四种表格样式，隔行换色，鼠标经过等
						</p>
						<button class="btn btn-info" onclick="user.edit('')">新增角色</button>
						<button class="btn btn-danger" onclick="user.del()">删除角色</button>
					</header>
					<hr>
				</section>
				<div id="tableView"></div>
				<!--开始::结束-->